<template>
<div>

  <el-container>
    <div>
      <p>用户数：{{userCount}}</p>
      <p>管理员数：{{adminCount}}</p>
      <p>新闻数：{{newsCount}}</p>
      <p>文章数：{{articleCount}}</p>
    </div>

  </el-container>
</div>
</template>

<script>
const axios = require('axios');
export default {
  name: "Main",

  data() {
    return{
      userCount: 0,
      adminCount: 0,
      newsCount: 0,
      articleCount: 0,
    }
  },
  created() {
    this.getCount();
  },
  methods: {
    //分页查询
    getCount() {

      axios.get("/userinfo-service/count").then(res => {
        this.userCount = res.data.data;
      });
      axios.get("/admin-service/count").then(res => {
        this.adminCount = res.data.data;
      });
      axios.get("/news-service/count").then(res => {
        this.newsCount = res.data.data;
      });
      axios.get("/article-service/count").then(res => {
        this.articleCount = res.data.data;
      });
    },

  }

}
</script>


<style scoped>
.el-main {
  background-color: #E9EEF3;
  color: #333;
  text-align: center;
  line-height: 160px;
}
</style>